//获取canvas上下文
const ctx = document.getElementById('canvas').getContext('2d');
//设置文字填充颜色
ctx.fillStyle = 'red';
//设置文字大小和字体名称
ctx.font = '30px 仿宋'; //参数:字体大小，字体名称,注意:必须写上字体名称如:仿宋等,,否则不能正确显示文字
//绘制填充文字
ctx.fillText('Hello World', 100, 100); //第一个参数是文字内容，第二个参数是文字的x坐标，第三个参数是文字的y坐标

//设置文字大小和字体名称
ctx.font = '40px 正楷';
//设置文字描边颜色
ctx.strokeStyle = 'green';
//绘制描边文字
ctx.strokeText('你好,佩奇!', 100, 150); //第一个参数是文字内容，第二个参数是文字的x坐标，第三个参数是文字的y坐标
